<template>
	<view>
		<view class="show-box-bg wx-login-box">
			<view class="conten">
				<view class="title">
				<text style="margin-bottom: 8rpx;">{{textmsg.title}}</text>
				</view>
				<view class="desc">
				
					
				</view>
				<view class="confirm" @click="operation()">
					{{textmsg.confirm}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['textmsg'],
		data() {
			return {

			}
		},
		methods: {
			operation() {
				this.$emit('operation')
			},
		}
	}
</script>

<style scoped lang="scss">
	.wx-login-box {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 901;

		.conten {
			width: 78%;
			min-height: 450rpx;
			// height: 400upx;
			background: url(https://wanxian-test.oss-cn-shenzhen.aliyuncs.com/473241.png);
			background-size: 100%;
			background-color: #FFFFFF;
			z-index: 1000;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			border-radius: 14upx;
			overflow: hidden;
			border-radius: 16rpx;
			justify-content: space-between;
			text-align: center;

			.title {
				padding-left: 8rpx;
				padding-right: 8rpx;
				padding-top: 15rpx;
				padding-bottom: 10rpx;
				min-height: 80rpx;
				// background-color: #F65F5A;
				color: #ffffff;
				text-align: center;
				font-size: 32rpx;
				border-bottom: 4rpx solid #BE7673;
				margin-bottom: 40rpx;
			}

			.desc {
				height: 120rpx;
				width: 300rpx;
				font-size: 36rpx;
				// background-color: #FF1717;
				justify-content: space-between;
				text-align: center;
				margin: auto;
				image{
					height: 100rpx;
					width: 100rpx;
				}

				.text1 {
					color: #B4B4B4;
					font-size: 28rpx;
					margin-bottom: 8rpx;
					text-spacing: 3;
					font-size: 30rpx;
				}

			}
			.confirm{
				height: 80rpx;
				margin: auto 32rpx auto 32rpx;
				background-color: #F3524A;
				color: #ffffff;
				font-size: 30rpx;
				line-height: 80rpx;
				text-align: center;
				border-radius: 50rpx;
				margin-top: 80rpx;
			}



		}

	}
</style>
